// out: ../css/
@import './base.less';

// 定义变量
@rootSize: 37.5rem;

header {
    display: flex;
    // 主轴对齐方式
    justify-content: space-between;
    padding: 0 (15/@rootSize);
    height: (44/@rootSize);
    // background-color: pink;
    line-height: (44/@rootSize);

    .iconfont {
        font-size: (22/@rootSize);
    }

    h3 {
        font-size: (17/@rootSize);
    }

    .note {
        font-size: (15/@rootSize);
        color: #2CB5A5;
    }
}

// banner
.banner {
    margin-top: (30/@rootSize);
    margin-bottom: (34/@rootSize);
    text-align: center;
    img {
        margin-bottom: (18/@rootSize);
        width: (240/@rootSize);
        height: (206/@rootSize);
    }
    p {
        font-size: (16 / @rootSize);
        span {
            color: #16C2A3;
        }
    }
}

// 问诊类型
.type {
    padding: 0 (15/@rootSize);
    li {
        margin-bottom: (15 / @rootSize);
        padding: 0 (15 / @rootSize);
        height: (78 /@rootSize);
        border: 1px solid #EDEDED;
        border-radius: (4 / @rootSize);
    }
    a {
        display: flex;
        height: (78 /@rootSize);
        // 侧轴居中，内容在78里面居中
        align-items: center;
        img {
            margin-right: (14 / @rootSize);
            width: (40 /@rootSize);
            height: (40 /@rootSize);
        }
        .txt {
            flex: 1;
            h4 {
                font-size: (16 / @rootSize);
                color: #3C3542;
                line-height: (24 / @rootSize);
            }
            p {
                font-size: (13 / @rootSize);
                color: #848484;
            }
        }
        .iconfont {
            font-size: (16 / @rootSize);
        }
    }
}
